<template>
  <BorderBox10 class="w-full h-full">
    <div class="w-full h-full grid grid-rows-5">
      <Title class="row-span-1 pt-2" :title="`今日服务`"></Title>
      <div class="row-span-4  pb-4 px-4 ">
           <barDown v-if="isShowHistogram" :service_histogram="service_histogram"></barDown>
      </div>
    </div>
  </BorderBox10>
</template>
<script setup>
import { BorderBox10 } from '@kjgl77/datav-vue3'
import Title from '@/view/allUser/components/title.vue'
import barDown from '@/view/allUser/components/barDown.vue'

defineProps({
  service_histogram: Object,
  isShowHistogram: Boolean
})

</script>
<style scoped>

</style>
